<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>联系我们</title>
<style type="text/css">
.divForm{
position: absolute;/*绝对定位*/
width: 400px;
height: 200px;

border: 1px solid blue;
text-align: center;/*(让div中的内容居中)*/
top: 50%;
left: 50%;
margin-top: -200px;
margin-left: -150px;
}
</style>
</head>
<body background="images/背景.jpg"
      style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"> 
	<ul>
		<li ><font size="+2"><a href="首页.html">首页</a></font></li>
  
	</ul>
	<div class="divForm">
	  <form >
	  <p>姓名： <input type="text"><br>
	    <font>联系方式：
        </font>
	    <input type="email"><br>
        年龄：
        <select name="1">
          <option selected>15以下</option>
          <option>15以上18以下</option>
			   <option>18以上</option>
        </select>
        <br>
        学历：
        <label>
          <input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_0">
          大专
        </label>
        <label>
          <input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_1">
          本科</label>
          <label>
          <input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_2">
          研究生
			   <label>
          <input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_3">
          博士
        <br>
       
喜欢以下哪个明星：
<input type="checkbox" name="00" id="00">
	    <label>
	     张国荣
	      <input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_0">
        刘德华</label>
	    <label>
	      <input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_1">
        周润发</label>
          <label>
	      <input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_2">
        古天乐</label>
        <label>
          <input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_3">
			   成龙</label>
        <label> <br>
			<br>
          <input name="提交" type="submit" value="提交"><input name="" type="reset" value="重置">
        </label>
	    <br>
	  </p>
      </p>
</form></div>
</body>
</html>
